'use client'
import React from 'react'
import Image from 'next/image'
import { useRouter } from 'next/navigation'

/**
 * 通过软导航进入这里会显示平行路由
 * */
const Page = () => {
  const router = useRouter()
  
  return (
    <div className="flex justify-center items-center fixed inset-0 bg-gray-500/[.8]" onClick={router.back}>
        <Image
          className="rounded-md block mx-auto"
          onClick={(e) => e.stopPropagation()}
          src={`https://picsum.photos/150/150?random=${Math.random()}`}
          width={150}
          height={150}
          alt=""
        />
    </div>
  )
}

export default Page
